<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <!--<table>-->
            <!--<tbody>-->
                <!--<tr is="row"></tr>-->
                <!--<tr is="row"></tr>-->
                <!--<tr is="row"></tr>-->
            <!--</tbody>-->
        <!--</table>-->
        <div ref="hello" @click="handleClick">hello</div>
    </div>
    <script>
        //<!--防止浏览器解析错误，在某些标签下必须使用制定标签，此时可以用is指向组件-->
        // Vue.component("row", {
        //     data: function(){
        //         return {
        //             content: "hello"
        //         }
        //     },
        //     template: "<tr><td>{{content}}</td></tr>"
        // })
        var vm = new Vue({
            el:"#app",
            data: {

            },
            methods: {
                handleClick: function () {
                    console.log(this.$refs.hello)
                }
            }
        })
    </script>
</body>
</html>